﻿<!DOCTYPE html>
<html>
<head>
<title>欠费补交</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
<script src="js/purl.js"></script>
<style type="text/css">
@media print {
.no_print {
	display: none;
}
@page {
margin: 0 10mm 0;
}
.form_div ul {
	margin-top: 0;
}
}
</style>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div">
  <h3>欠费补交</h3>
  <ul>
    <li><span class="tit" style="width:70px;">查询选择：</span></li>
    <li style="line-height:36px;"><span>
      <input type="text" placeholder="请输入长者姓名或身份证" id="searchVal" style="width:220px;position:absolute;top:0;left:0;"/>
      </span><span style="position:absolute;left:235px;top:0;">
      <input type="button" value="查询" class="button_s button1" onclick="find_elder();" style="height:36px;" />
      </span></li>
  </ul>
  <div style="clear:both;"></div>
  <div style="margin:0;padding:0;" id="vue_vm_list_radio">
    <div style="margin:0;padding:0;" v-for="todo in todos">
      <ul>
        <li style="width:100px;"><span style="display:block;position:absolute;top:12px;left:0;">
          <input class="magic-radio" type="radio" name="elderId" v-bind:id="todo.elderId"
           v-bind:value="todo.elderId" v-bind:elderName="todo.name" v-bind:cardId="todo.cardId"
           v-bind:beHospitalId="todo.elderBeHospitalForm? todo.elderBeHospitalForm.beHospitalId: 'beHospitalId-none'" v-on:click="onRadioClick();"/>
          <label v-bind:for="todo.elderId" class="label_txt" style="color:#009688">{{todo.name}}</label>
          </span></li>
        <li><span>身份证号：{{todo.cardId}}</span></li>
        <li><span><a v-bind:href="getChepingUrl(todo.elderId, todo.name, todo.cardId)" target="_blank">测评资料</a></span></li>
        <li><span><a v-bind:href="'2-1-1basedata-geren.html?elderId='+todo.elderId" target="_blank">个人资料</a></span></li>
        <li><span><a v-bind:href="'2-1-1basedata-jiaren.html?elderId='+todo.elderId" target="_blank">家属资料</a></span></li>
        <li><span><a v-bind:href="'2-1-1basedata-lianxi.html?elderId='+todo.elderId" target="_blank">紧急联系人资料</a></span></li>
      </ul>
    </div>
  </div>
  <div style="clear:both;"></div>
  <div style="margin:0;padding:0;" id="vue_vm_list">

      <ul>
        <li><span style="color:#ff0000" id="totalPayMoney" style="display:none;">合计：{{getTotal(todos).totalPayMoney}}元</span></li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;">充值方式：</span></li>
        <li><span style="display:block;position:absolute;top:12px;left:0;">
          <input class="magic-radio" type="radio" name="payWay" id="payWay_cash" value="1" checked/>
          <label for="payWay_cash" class="label_txt" style="width:100px;">现金</label>
          </span></li>
        <li><span style="display:block;position:absolute;top:12px;left:100px;">
          <input class="magic-radio" type="radio" name="payWay" id="payWay_wallet" value="2"/>
          <label for="payWay_wallet" class="label_txt" style="width:100px;">电子钱包</label>
          </span></li>
      </ul>
      <div>
        <ul>
          <li>
            <input type="button" value="确认补缴" class="button button1" v-on:click="payCost_save(todos);" style="height:38px;"/>
          </li>
        </ul>
    </div>
    <div style="margin-top:70px;padding:0;" v-for="todo in todos">
      <ul>
        <li><span>{{todo.arrearageMoney}}元</span></li>
        <li><span>{{todo.arrearageDesc}}</span></li>
        <li><span>{{todo.elderName}}</span></li>
        <li><span>身份证号：{{todo.elderCardId}}</span></li>
        <li><span style="color:#ff0000;">欠费原因：{{todo.arrearageReason}}</span></li>
        <li><span style="color:#ff0000;">应付日期：{{todo.createTime}}</span></li>
      </ul>
    </div>

  </div>
</div>
<div style="clear:both;"></div>
<script src="js/common.js"></script>
<script src="js/common_function.js"></script>
<script src="js/common_date.js"></script>
<script src="js/busi/elder_query.js"></script>
<script src="js/busi/elderArrearage.js"></script>
</body>
</html>